﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    RegistrarUsuario
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="../../Scripts/Validaciones.js" type="text/javascript"></script>
    <script src="../../Scripts/Usuario.js" type="text/javascript"></script>
    <script>

        function pagoOnChange(sel) {
            if (sel.value == "12") {
                $("#habitante").show();
                $("#personal").hide();
            }
            if (sel.value == "1") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "2") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "3") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "4") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "5") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "6") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "7") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "8") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "9") {

                $("#habitante").hide();
                $("#personal").show();
            }
            if (sel.value == "10") {

                $("#habitante").hide();
                $("#personal").hide();
            }
            if (sel.value == "11") {

                $("#habitante").hide();
                $("#personal").hide();
            }

        }
    </script>
    <link rel="Stylesheet" type="text/css" media="screen" href="../../../Content/Edificio.css" />

    <label class="Obligatorio">Los campos con (*) son obligatorios</label>
    <br></br>
    <br></br>
                       
    <label for="user">Usuario: (*)</label>
    <input type="text" name="user" id="user" class="text ui-widget-content ui-corner-all" maxlength="10"/>
    <label id="errorUsuario" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="password">Contraseña: (*)</label>
    <input type="password" name="password" id="password" class="text ui-widget-content ui-corner-all"/><br></br>
    <label id="errorPassword" class="erroresClase" style="color: Red"></label>
    <br></br>
                       
    <label for="nombre">Nombres: (*)</label>
    <input type="text" name="Name" id="nombre" maxlength="20" class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'car')"/>
    <label id="errorNombre" class="erroresClase" style="color: Red"></label>
    <br></br>
                               
    <label for="apellidos">Apellidos: (*)</label>
    <input type="text" name="City" id="apellidos" size="20" maxlength="30" class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'car')"/><br></br>
    <label id="errorApellido" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="genero">Género: (*)</label>
    <input name="genero" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">F</label>
    <input name="genero" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">M</label>
    <label id="errorGenero" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="tipo_documento">Tipo Documento: (*)</label>
    <select id="tipo_documento" class="text ui-widget-content ui-corner-all"></select>
    <label id="errorTipoDoc" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="nro_documento_persona">Num. Doc.: (*)</label>
    <input type="text" name="nro_documento_persona" id="nro_documento_persona" size="20" maxlength="10" class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'num')"/>
    <label id="errorNroDoc" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="Departamento">Departamento: (*)</label>
    <select id="Departamento" onchange="cargarProvincias()" class="text ui-widget-content ui-corner-all"></select>
    <label id="errorDepartamento" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="Provincia" >Provincia: (*)</label>
    <select id="Provincia" onchange="cargarDistritos()" class="text ui-widget-content ui-corner-all"></select>
    <label id="errorProvincia" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="distrito">Distrito: (*)</label>
    <select id="distrito" class="text ui-widget-content ui-corner-all"></select>
    <label id="errorDistrito" class="erroresClase" style="color: Red"></label>
    <br></br>

        <label for="Direccion">Dirección: (*)</label>
    <input type="text" name="Direccion" id="Direccion" size="20" maxlength="50" class="text ui-widget-content ui-corner-all"/>
    <label id="errorDireccion" class="erroresClase" style="color: Red"></label>
    <br></br>
                                
    <label for="Telefono">Teléfono:</label>
    <input type="text" name="Telefono" id="Telefono" size="20"  class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'num')"/>

    <br></br>

    <label for="celular">Celular:</label>
    <input type="text" name="celular" id="celular" size="20" maxlength="9"  class="text ui-widget-content ui-corner-all" onkeypress="return permite(event, 'num')"/>

    <br></br>

    <label for="Correo">Correo: (*)</label>
    <input type="text" name="Correo" id="Correo" size="20" class="text ui-widget-content ui-corner-all"/>
    <label id="errorCorreo" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="Id_Cargo">Cargo: (*)</label>
    <select id="Id_Cargo" class="text ui-widget-content ui-corner-all" onchange="pagoOnChange(this)"></select>
    <label id="errorCargo" class="erroresClase" style="color: Red"></label>
    <br></br>
    <!--campos para habitante !-->
    <div id="habitante" style="display:none;">
    <label for="es_inquilino" >Inquilino: (*)</label>
    <input name="es_inquilino" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left;">Si</label>
    <input name="es_inquilino" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left; ">No</label>
    <label id="errorInquilino" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="contacto">Contacto:</label>
    <input type="text" name="contacto" id="contacto" size="20"  class="text ui-widget-content ui-corner-all"/>
    <br></br>

    <label for="telefono_contacto" >Teléfono Cont.:</label>
    <input type="text" name="telefono_contacto" id="telefono_contacto" size="20"  class="text ui-widget-content ui-corner-all"/>
    <br></br>
    </div>

    <!--campos para personal !-->
     <div id="personal" style="display:none;">
    <label for="sueldo">Sueldo: (*)</label>
    <input type="text" name="sueldo" id="sueldo" size="20" class="text ui-widget-content ui-corner-all"/>
    <label id="errorSueldo" class="erroresClase" style="color: Red"></label>
    <br></br>

    <label for="id_seguro">Seguro: (*)</label>
    <select id="id_seguro" class="text ui-widget-content ui-corner-all" ></select>
    <label id="errorSeguro" class="erroresClase" style="color: Red"></label>
    <br></br>
    <br></br>
    </div>

    <input type="submit" id = "botonRegistro" value="Registrar" class="submit-button" />
    <input type="submit" id = "botonCancelar" value="Cancelar" class="submit-button" />
                      

</asp:Content>
